<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--
Team 1 Project - Palo Alto Bicycle Club
Author: Tyler
Class: COIN 71
Filename: home.php
Date Created: ??????
Purpose:
	Encapsulate the elements that make up the home page.
Change History:
	04 Mar 09 - Vern McGeorge - Added script and stylesheet includes for jquery and the date picker and start this comment block.
	10 Mar 09 - Vern McGeorge - Added include tags for support of Post a Ride and the database. Started integration testing.
	11 Mar 09 - Vern McGeorge -
-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="pragma" content="no-cache" />
	<title>Palo Alto Bicycle Club</title>



	<!-- <link rel="stylesheet" type="text/css" href="datepicker/jquery.datepick.css" />-->
	<link rel="stylesheet" type="text/css" href="_stylesheets/datepick_pabc.css" />

	<link rel="Stylesheet" media="screen" href="timepickr/standalone/ui-timepickr/dist/themes/default/ui.core.css" />
	<link rel="Stylesheet" media="screen" href="timepickr/standalone/ui-timepickr/dist/themes/default/ui.timepickr.css" />
	<link rel="stylesheet" type="text/css" href="_stylesheets/pabc.css" />
	<script type="text/javascript" src="jquery/jquery-1.3.2.js"></script> <!-- The timepickr plugin doesn't work with 1.3.2-->

	<script type="text/javascript" src="timepickr/standalone/ui-timepickr/page/jquery.utils.js"></script>
	<script type="text/javascript" src="timepickr/standalone/ui-timepickr/page/jquery.strings.js"></script>
	<script type="text/javascript" src="timepickr/standalone/ui-timepickr/page/jquery.anchorHandler.js"></script>
	<script type="text/javascript" src="timepickr/standalone/ui-timepickr/page/jquery.ui.all.js"></script>
	<script type="text/javascript" src="timepickr/standalone/ui-timepickr/src/ui.dropslide.js"></script>
	<script type="text/javascript" src="timepickr/standalone/ui-timepickr/src/ui.timepickr.js"></script>

	<script type="text/javascript" src="datepicker/jquery.datepick.js"></script>
	<script type="text/javascript" src="jquery/jquery.dataTables.js"></script>  <!-- Used in Route Library -->

	<script type="text/javascript" src="_stubs/toConsole.js" ></script>
	<script type="text/javascript" src="_stubs/logger.js" ></script>

	 <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAKfSIpqvYvv06ct-cn8YFARQd22Grf9IKmPGUd3sckVmPHWTBWxTzscbD3Epe9l1_9t0HqDRPqFNTpw"
            type="text/javascript"></script>

	<script type="text/javascript" src="_javascripts/announcement.js"></script>


	<script type="text/javascript" src="_javascripts/ContentLoader.js" ></script>
	<script type="text/javascript" src="_javascripts/bike.js" ></script>
	<script type="text/javascript" src="_javascripts/group_rides.js"></script>
	<script type="text/javascript" src="_javascripts/ridedetails.js"></script>
	<script type="text/javascript" src="_javascripts/route_library.js"></script>
	<script type="text/javascript" src="_javascripts/status.js"></script>
	<script type="text/javascript">

		var oTable;

		$(function() {
			// For popup date picker in the "Post a Ride" form.
				$('#popupDatepicker').datepick({closeAtTop : false});
			// For the inline date picker in the left sidebar
				$('#inlineDatepicker').datepick({onSelect: queryRides, closeAtTop : false});
			// For popup time picker (timepickr plugin) in the "Post a Ride" form.
				$('#timepickr').timepickr({convention:12});
				// temporary fix..
				$('.ui-dropslide ol:eq(0) li:first').mouseover();
				// apply theme
				$('#timepickr').next().addClass('dark');
			// For popup time picker (ClockPick plugin)
				// maybe later


		});
	</script>
</head>

<body>
<?php
	//	This will force the browser to a new session each time;
	//	and thus make the browser get the page from the server instead of the cache

	session_start();
	$_SESSION = array();
	session_destroy();

?>
<!-- HEADER -->
	<?php include("header.php") ?>
<!-- end HEADER -->

<!-- WRAPPER -->
<div id="wrapper">

	<!-- LEFT COL -->
	<div class="leftcol">
		<?php include("leftcol.php") ?>
	</div>
	<!-- END LEFT COL -->


	<!-- RIGHT COL -->
	<div class="rightcol">
		<div id="contentArea"><!-- ********* MAIN PAGE CONTENT INSERTED HERE *********** --></div>
	</div>

</div>
<!-- end WRAPPER -->


<!-- FOOTER -->
	<?php include("footer.php") ?>
<!-- END FOOTER -->


</body>
</html>